@import '../../app.scss';

.container {
  view {
    margin-bottom: 85rpx;
  }

  .img-box {
    position: relative;
    text {
      position: absolute;
      left: 30rpx;

      &:nth-child(n) {
        top: 44rpx;
      }

      &:last-child {
        top: 104rpx;
      }
    }
    
  }

  .agreement-text {
    display: inline-block;
  }

  /*checkbox 整体大小  */
  checkbox {
    width: 25rpx;
    height: 25rpx;
  }

  /*checkbox 选项框大小  */
  checkbox .wx-checkbox-input {
    width: 25rpx;
    height: 25rpx;
    border-radius: 50%;
  }

  /*checkbox选中后样式  */
  checkbox .wx-checkbox-input.wx-checkbox-input-checked {
    background: map-get($map: $colors, $key: "blue") 
  }
 
  /*checkbox选中后图标样式  */
  checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
    width: 25rpx;
    height: 25rpx;
    line-height: 25rpx;
    text-align: center;
    font-size: 20rpx;
    color: #fff;
    background: transparent;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
  }
}

.explain {
  width: 100%;
  position: absolute;
  bottom: 30rpx;
}

.login-box {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
}